import 'package:flutter/material.dart';

void main() {
  // 1. 运行应用程序。
  runApp(const MaterialApp(
    home: Main(),
  ));
}

class Main extends StatelessWidget {
  const Main({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text(
            '层叠布局',
            style: TextStyle(
                fontSize: 30, color: Color.fromARGB(255, 255, 255, 255)),
          ),
          backgroundColor: Colors.purple,
        ),
        body: Center(
            child: Container(
                width: 300,
                height: 300,
                color: const Color.fromARGB(255, 97, 236, 116),
                child: Stack(
                    // 超出部分处理
                    // 1. 不裁剪超出部分
                    clipBehavior: Clip.none,
                    // 2. 组件对齐方式
                    alignment: Alignment.center,
                    children: [
                      Container(
                        width: 100,
                        height: 100,
                        color: Colors.red,
                        child: const Text('我是最上层的'),
                      ),
                      Positioned(
                          top: -105,
                          left: 25,
                          child: Image.asset('assets/open_eyes.png')),
                    ]))));
  }
}
